
<html>
    <head>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="layout" content="main" />
<title>User Login</title>
    </head>
<body>
        <div class="body">
           <g:form action="doLogin" method="post">
               <div class="dialog">
                 <p>Please enter you login credentials:</p>
                <table  class="loginForm">
                  <tr class='prop'>
                    <td valign='top' style='text-align:left;' width='20%'>
                          <label for='email'>Email:</label>
                    </td>
                    <td valign='top' style='text-align:left;' width='80%'>
                          <input id="email" type='text' name='email' value='${user?.email}' />                      </td>
                  </tr>
                  <tr class='prop'>
                      <td valign='top' style='text-align:left;' width='20%'>
                          <label for='password'>Password:</label>
                  </td>
                  <td valign='top' style='text-align:left;' width='80%'>
                          <input id="password" type='password' name='password'
                                 value='${user?.password}' />
                  </td>
                  </tr>     
               </table>   
              </div>
             
      <div id="fb-root"></div>
      <script>
        window.fbAsyncInit = function() {
          FB.init({
            appId      : '156186174502767',
            status     : true, 
            cookie     : true,
            xfbml      : true,
            oauth      : true,
          });
        };
        (function(d){
           var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
           js = d.createElement('script'); js.id = id; js.async = true;
           js.src = "//connect.facebook.net/en_US/all.js";
           d.getElementsByTagName('head')[0].appendChild(js);
         }(document));
      </script>
      <div class="fb-login-button" data-show-faces="true" data-width="200" data-max-rows="1">Login with Facebook</div>
             
             
        <div class="buttons">
            <span class="formButton">
              <input type="submit" value="Login"></input>
            </span>
        </div>
             
            </g:form>
        </div>
    </body